<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>人事管理系统——修改部门</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="pragma" content="no-cache"/>
    <meta http-equiv="cache-control" content="no-cache"/>
    <meta http-equiv="expires" content="0"/>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"/>
    <meta http-equiv="description" content="This is my page"/>
    <link href="../css/css.css" type="text/css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="../js/ligerUI/skins/Aqua/css/ligerui-dialog.css"/>
    <link href="../js/ligerUI/skins/ligerui-icons.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="../js/jquery-1.11.0.js"></script>
    <script type="text/javascript" src="../js/jquery-migrate-1.2.1.js"></script>
    <script src="../js/ligerUI/js/core/base.js" type="text/javascript"></script>
    <script src="../js/ligerUI/js/plugins/ligerDrag.js" type="text/javascript"></script>
    <script src="../js/ligerUI/js/plugins/ligerDialog.js" type="text/javascript"></script>
    <script src="../js/ligerUI/js/plugins/ligerResizable.js" type="text/javascript"></script>
    <link href="../css/pager.css" type="text/css" rel="stylesheet"/>

    <script src="../js/a/vue.js"></script>
    <script src="../js/a/axios-0.18.0.js"></script>
    <link rel="stylesheet" href="../css/index.css">
    <script src="../js/a/index.js"></script>
    <script src="../js/a/axios-config.js"></script>
    <!--<script type="text/javascript">-->
    <!--  function submit() {-->
    <!--    /** 部门表单提交 */-->
    <!--            //$("#deptForm").submit(function(){-->
    <!--    var name = $("#name");-->
    <!--    var remark = $("#remark");-->
    <!--    var msg = "";-->
    <!--    if ($.trim(name.val()) == "") {-->
    <!--      msg = "部门名称不能为空！";-->
    <!--      name.focus();-->
    <!--    } else if ($.trim(remark.val()) == "") {-->
    <!--      msg = "详细描述不能为空！";-->
    <!--      remark.focus();-->
    <!--    }-->
    <!--    if (msg != "") {-->
    <!--      $.ligerDialog.error(msg);-->
    <!--      return false;-->
    <!--    } else {-->

    <!--    }-->
    <!--    //$("#deptForm").submit();-->
    <!--    //});-->
    <!--  }-->
    <!--  //取消按钮-->
    <!--  function back() {-->
    <!--    window.history.go(-1)-->
    <!--  };-->

    <!--</script>-->
</head>
<body>
<div id="editdept">
    <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td height="10"></td>
        </tr>
        <tr>
            <td width="15" height="32"><img src="../images/main_locleft.gif" width="15" height="32"></td>
            <td class="main_locbg font2"><img src="../images/pointer.gif">&nbsp;&nbsp;&nbsp;当前位置：部门管理 &gt; 修改部门</td>
            <td width="15" height="32"><img src="../images/main_locright.gif" width="15" height="32"></td>
        </tr>
    </table>
    <table width="100%" height="90%" border="0" cellpadding="5" cellspacing="0" class="main_tabbor">
        <tr valign="top">
            <td>

                <!-- 隐藏表单，flag表示添加标记 -->
                <input type="hidden" name="flag" value="2">
                <input type="hidden" name="id" value="${dept.id }">
                <table width="100%" border="0" cellpadding="0" cellspacing="10" class="main_tab">
                    <tr>
                        <td class="font3 fftd">
                            <table>
                                <tr>
                                    <td class="font3 fftd">部门名称：<input type="text" name="deptName" id="deptName"
                                                                       size="20" v-model="formData.deptName"/></td>
                                    <td class="font3 fftd">详细描述：<input type="text" name="remark" id="remark" size="20"
                                                                       v-model="formData.remark"/></td>
                                </tr>

                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td class="main_tdbor"></td>
                    </tr>

                    <tr>
                        <td align="left" class="fftd"><input type="button" @click="edit" value="修改">&nbsp;&nbsp;<input
                                type="reset" value="取消 " @click="back"></td>
                    </tr>
                </table>

            </td>
        </tr>
    </table>
    <div style="height:10px;"></div>
</div>


<script>
    new Vue({
        el: '#editdept',
        data: {
            formData: {
                id: '',
                deptName: '',
                remark: ''
            }
        },
        mounted() {
            this.getParam()
        },
        methods: {
            // 获取url传值
            getQueryString: function (key) {
                let reg = new RegExp("(^|[&\?])" + key + "=([^&]*)(&|$)");
                let result = window.location.search.match(reg);
                return result ? decodeURIComponent(result[2]) : null;
            },
            getParam: function () {
                this.formData.id = this.getQueryString("id");
                // console.log(this.id)
                this.formData.deptName = this.getQueryString("deptName");
                this.formData.remark = this.getQueryString("remark");
            },
            edit: function () {
                if (this.deptName !== '' || this.remark !== '') {
                    axios.post('/api/dept/edit', this.objToFormData(this.formData))
                        .then(res => {
                            if (res.data.code == 200) {
                                this.$message.success('修改成功')
                                setTimeout(() => window.location.replace('dept.html'), 1500);
                            } else if (res.data.msg) {
                                this.$message.error(res.data.msg);
                            } else {
                                this.$message.error('系统错误');
                            }
                        })
                } else {
                    this.$message.error('部门名或详情不能为空')
                }
            },
            back: function () {
                window.location.replace('dept.html')
            },
            objToFormData(obj) {
                let formData = new FormData()
                for (let k in obj) {
                    formData.append(k, obj[k] || "");
                }
                return formData;
            },
        }
    })
</script>
</body>
</html>